@charset "utf-8";

/* 楼盘主页 */
.lou .top-banner{position: relative;height: 180px;}
.lou .top-banner .detail-b {width: 100%;height: 100%;}
.lou .top-banner .black-mask {position: absolute;z-index: 2;top: 0;bottom: 0;left: 0;right: 0;background-color: #000;opacity: .3;}
.lou .top-banner .banner-info{position: absolute;left: 0;right: 0;top: 25%;bottom: 0;margin: auto;color: #fff;z-index: 3;}
.lou .top-banner .banner-info h1{font-size: 2em;display: inline-block;margin-right: 20px;}
.lou .top-banner .banner-info span{font-size: 14px;}
.lou .top-banner .banner-info .address{margin-top: 15px;font-size: 14px;}
.lou .top-banner .banner-info .address i{padding-right: 10px;}
.lou .top-banner .banner-info .infoB{background: #00A0E9;color: #fff;height: 32px;width: 90px;display: inline-block;text-align: center;line-height: 32px;font-size: 12px;border-radius: 25px;margin-left:10px;}
.lou .top-banner .banner-info .search{height: 34px;width: 340px;overflow: hidden;background: #fff;margin-top: 19px; border-radius: 16px;padding-left: 15px;-webkit-box-shadow: 2px 2px 10px 0 rgba(0,0,0,.1);-moz-box-shadow: 2px 2px 10px 0 rgba(0,0,0,.1);box-shadow: 2px 2px 10px 0 rgba(0,0,0,.1);}
.lou .top-banner .banner-info input{display: inline-block;height: 34px;width: 300px;}
.lou .top-banner .banner-info .search a{display: inline-block;text-align: center;line-height: 33px;color: #858585;width: 35px;}

/* .slide-box {position: relative;}
.slide-box .banner-name{position: absolute;left: 0;right: 0;top: 32%;bottom: 0;margin: auto;}
.slide-box .banner-name h3{font-size: 40px;color: #fff;letter-spacing: .5rem;}
.slide-box .banner-name p{color: #fff;font-size: 14px;width: 600px;margin: 6px auto 0;text-align: left;line-height: 26px;height: 78px;overflow: hidden;} */

.detail-box{padding: 15px;}
.detail-box .show-all{padding: 0 25px; color: #fff; font-size: 12px; line-height: 33px;border-radius: 5px; background: #C6C6C6; cursor: pointer; margin-bottom: 10px;}
.detail-box .show-all.blue{background: #00A0E9;margin-bottom:0;}
.detail-box .house-demo{width:100%;height:270px;}

.detail-box .choose{padding: 8px 15px;margin: 15px 0 0;}
.detail-box .choose li{float: left;width: 50%;color:#888;font-size: 12px;}
.detail-box .choose li a{display: inline-block;background: #F4F4F4;color: #888;margin-left: 10px;padding: 2px 5px;border-radius: 3px;}
.detail-box .choose li a.active{background: #00A0E9;color: #fff;}

.detail-box .button{text-align: center;margin-top: 15px;}
.detail-box .button a{color: #8C8C8C;height: 34px;width: 90px;display: inline-block;text-align: center;line-height: 34px;font-size: 13px;border-radius: 25px;-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
.detail-box .button a.active{background: #00A0E9;color: #fff;}

.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button {display: block;}

.side-house{ background:#fff; }
.side-house ul li{ font-size:12px; line-height:26px; overflow:hidden;vertical-align: text-top; }
.side-house ul li>span{ float:left;margin-left:0;color:#999;width: 70px; }
.side-house ul li>a{display: block;margin-left: 70px;width: calc(100% - 70px);}
.side-house ul.little li{width: 23%;white-space: nowrap;text-overflow: ellipsis;padding-right: 10px;}

.loupan .side-txt-list{margin-top: 15px;padding: 0;}
.loupan .side-txt-list h2{display: inline-block;color: #010101;margin-right: 10px;}
.loupan .side-txt-list .time{font-size: 12px;color: #A7A7A7;}
.loupan .side-txt-list .list-tab{border-bottom: 1px solid #EBEBEB;margin-top: 10px;position: relative;}
.loupan .side-txt-list .list-tab ul li{position: relative;float: left;font-size: 12px;line-height: 34px;width: 90px;text-align: center;cursor: pointer;font-weight: 600;border-right: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6;}
.loupan .side-txt-list .list-tab ul li:first-child{border-left: 1px solid #e6e6e6;}
.loupan .side-txt-list .list-tab ul li.active{background: #38B3FF;color: #fff;border-bottom: 1px solid #38B3FF;border-right: 1px solid #38B3FF;border-left: 1px solid #38B3FF;}
.loupan .side-txt-list .list-tab dl{position: absolute;right: 0;bottom: 6px;}
.loupan .side-txt-list .list-tab dd{float: left;}
.loupan .side-txt-list .list-tab dd a{color: #8C8C8C;font-size: 12px;display: block;padding-right: 25px;}
.loupan .side-txt-list .list-tab dd.active a{color: #38B3FF;}

.loupan .side-txt-list .list-model{overflow: hidden;padding: 6px 0;float: left;width: 50%;cursor: pointer;}
.loupan .side-txt-list .list-model>img{width: 106px;height: 73px;overflow: hidden;border-radius: 5px;float: left;margin-left:6px;}
.loupan .side-txt-list .list-model .info{margin-left: 118px;margin-right: 10px;}

.loupan .side-txt-list .list-model:hover{-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.2);box-shadow: 0 0 15px 0 rgba(0,0,0,.2);}

.loupan .side-txt-list .list-model h4{margin-bottom: 12px;}
.loupan .side-txt-list .list-model p{font-size: 12px;margin-top: 5px;color: #38B3FF;}
.loupan .side-txt-list .list-model p small{color: #bbb;font-size: 12px;}
.loupan .side-txt-list .list-model .big{font-size: 17px;font-weight: bold;line-height: 15px;}

.zhizu-plan{display: inline-block;background: #FEF5DA;color: #FFB91A;font-size: 12px;padding: 0 7px;line-height: 20px;}
.more-button{position: absolute;right: 0;top: 14px;background: #38B3FF;color: #fff;display: block;width: 120px;line-height: 34px;text-align: center;font-size: 13px;border-radius: 30px;}

.map-li, .map-address{margin-top: 15px;background: #F6F7F9;}
.map-li li{float: left;width: 25%;}
.map-li li>a{display: block;width: 60%;margin: auto;line-height: 40px;font-size: 12px;text-align: center;}
.map-li li.active>a{color: #38B3FF;border-top: 1px solid #38B3FF;}
.map-address{padding: 0 20px;}
.map-address p{line-height: 20px;}
.map-address li{border-bottom: 1px solid #DBDBDB;padding: 8px 0;}
.map-address li:last-child{border-bottom: none;}

.loupan .picture{border-radius: 5px;overflow: hidden;}
.loupan .picture .swiper-container{width: 100%;height: 423px;}
.loupan .picture .swiper-slide img{width: 100%;height: 100%;overflow: hidden;}
.loupan .picture .swiper-pagination{color: #fff;font-size: 12px;}

/* table.side-txt-list{width: 100%;margin:auto;border-radius:5px;overflow:hidden;-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 0 1px 0 rgba(0,0,0,.1);box-shadow: 0 0 1px 0 rgba(0,0,0,.1);}
table.side-txt-list tr{background: #fff;border-bottom: 1px solid #F2F3F5;}
table.side-txt-list tr:last-child{border-bottom: none;}
table.side-txt-list tr:hover{background: #F2F3F5;}
table.side-txt-list tr img{width: 100px;height: 75px;vertical-align: middle;}
table.side-txt-list tr td{padding:10px 0;font-size: 14px;}
table.side-txt-list tr td big{font-size: 18px;font-weight: 600;}
table.side-txt-list tr td big.blue{color: #00A0E9;}
table.side-txt-list tr td small{font-size: 12px;}

table.side-txt-list th, table.side-txt-list th a{font-size: 12px;color: #333;}
table.side-txt-list th i{padding-left: 5px;font-weight: lighter;}
table.side-txt-list th{padding: 15px 0;} */

.mt-30{margin-top: 30px!important;}
.mt-45{margin-top: 45px!important;}
.mt-80{margin-top: 80px!important;}
.mt-115{margin-top: 115px!important;}
.mb-50{margin-bottom: 50px!important;}
.mb-100{margin-bottom: 100px!important;}

/* 房源信息详情 */
.side-info-detail{position: relative;width: 355px;height: 455px;background: #fff;overflow: hidden}

.main-page{height: 478px;border-radius: 6px;}
.main-page img{width: 100%;height: 100%;display: block;}

.side-info-box {padding: 10px 20px;width: 345px;height: 400px;margin-top: 2px;border-radius: 5px;margin-left: 35px;-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);box-shadow: 0 0 10px 0 rgba(0,0,0,.1)}

.side-info-item{position: relative;font-size: 14px;color: #898B9B;background-color: transparent;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;
    display: -webkit-flex;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.side-info-tag{font-size: 12px;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: baseline;-webkit-align-items: baseline;align-items: baseline;}

.fang-detail h3{color: #464B5D;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 15px 0;font-size: 20px;}
.fang-detail .num{color: #00A0E9; font-size: 36px;font-weight: 600;padding-right: 10px}
.fang-detail .black-num{font-size: 19px;font-weight: 600;padding: 0 3px;color: #333;}

.special-tag{display: inline-block;padding: 1px 6px;margin-right: 8px;font-size: 12px;border-radius: 3px;}
.special-tag.green{color: #40D815;background: #D7FDD4;}
.special-tag.blue{color: #4A90E2;background: #D4E8FF;}
.special-tag.lightblue{color: #00A0E9;background: #E4F9FF;}
.special-tag.lightpurple{color: #005AE9;background: #E4ECFF;}
.special-tag.lightred{color: #E90000;background: #FFE4E4;}
.special-tag.lightorange{color: #E98600;background: #FFF0E4;}

.fang-detail .split-line{margin: 30px 0 15px;padding-bottom: 10px;border-bottom: 1px solid #E2E2E2;}
.fang-detail .address{color: #464B5D;font-size: 15px;font-weight: 600;}
.fang-detail .address i{color: #FFCD3C;padding-right: 5px;}

.fang-detail .side-house{margin-top: 15px;}
.fang-detail .side-house li{font-size: 13px;line-height: 33px;overflow: hidden;float: left;width: 50%;}
.fang-detail .side-house li>span{color:#999;display: inline-block;width: 6em;}
.fang-detail .side-house li>a{color: #333;}

a.info-button{background: #00A0E9;color: #fff;height: 34px;display: block;width: 45%;text-align: center;line-height: 34px;font-size: 13px;border-radius: 25px;margin-top: 22px;}
.mt-55{margin-top: 55px!important;}
.mt-45{margin-top: 45px!important;}
.mode-title{color: #333;margin-bottom: 8px;}
.mode-content.dis {color: #666;text-indent: 2em;font-size: 12px;padding: 5px;line-height: 21px;}

.publisher{background: #fff;width: calc(100% - 25px);border-radius: 5px;padding: 10px;position: relative;cursor: pointer;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
.publisher .inner{display: -webkit-box;display: -webkit-flex;display: flex;}
.publisher-img{width: 90px;height: 90px;margin-right: 15px;}
.publisher-img img, .description-img img{width: 100%;height: 100%;display: block;}
.publisher-info h3{display: inline-block;color: #464B5D;padding: 8px 10px 5px 0;}
.publisher-info p{font-size: 13px;margin-top: 5px;}
.publisher-info p span{color: #9A9A9A;padding-right: 15px;font-size: 12px;}
.publisher-info p span:last-child{padding: 0;}
.publisher .for-button {display: inline-block;background: #FAFAFA;color: #333;text-align: center!important;font-size: 13px;width: 48%!important;padding: 5px 0;border-radius: 5px;}
.publisher .for-button >img {vertical-align: text-bottom;padding-right: 5px;}

.description{display: -webkit-box;display: -webkit-flex;display: flex;cursor: pointer;padding: 10px;margin-left: -10px;}
.description:hover{-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 15px 0 rgba(0,0,0,.2);}
.description-img{width: 240px;height: 200px;margin-right: 25px;}
.description-info{width: calc(100% - 265px);}
.description-info h3{border-bottom: 1px solid #E2E2E2;padding-bottom: 10px;margin-bottom: 10px;}
.description-info .side-house ul li{line-height: 28px!important;}

.new-map{background: #FFF0E4;width: 100%;height: 250px;border-radius: 5px;position: relative;}
.new-map .map-search{position: absolute;top: 15px;right: 20px;width: 370px;}
.new-map .map-search .map-li, .new-map .map-search .map-address{background: #fff;}
.new-map .map-search .map-li{margin-top: 0;}
.new-map .map-search .map-address{margin-top: 10px;height: 284px;overflow-y: scroll;}

.new-other-list{margin: 0 -8px 0;}
.new-other-list li{width: 20%;float: left;}
.new-other-list .small-pro-list-info{display: block;margin: 0 8px 10px;}
.new-other-list .pic{position: relative;}
.new-other-list .pic a.threeD{position: absolute;top: 0;left: 0;}
.new-other-list .pic>img{width: 100%;height: 121px;border-radius: 5px;display: block;}
.new-other-list .pic>p{position: absolute;bottom: 5px;left: 5px;right: 5px;font-size: 12px;color: #fff;}
.new-other-list .remark{margin-top: 8px;}
.new-other-list .remark>a{font-size: 14px;color: #333;margin-top: 5px;}
.new-other-list .remark .detail-info{font-size: 12px;color: #898B9B;margin-top: 2px;}
.new-other-list .remark .blue{font-weight: bold;}
.new-other-list .remark small{color: #898B9B;}

.house-detail .intro{background: #fff;padding: 20px 20px 25px;width: 1110px;margin: 45px auto 5px;-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 0 1px 0 rgba(0,0,0,.1);box-shadow: 0 0 1px 0 rgba(0,0,0,.1)}
.house-detail .intro p{font-weight: 600;margin-bottom: 10px}
.house-detail .intro .map{width: 100%;height: 250px;border: 1px solid blue}

.other-list{ margin:45px 0 0 -15px; padding:0; *padding-bottom:15px; *display:inline-block }
.other-list:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.other-list li{ float:left; margin:0 0 15px 15px; width:220px; }
.other-list li .details{ position:relative; border:1px solid #eee; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.1); background:#fff; -webkit-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px; border-radius: 7px;overflow: hidden;}
.other-list li .details .pic{ width:100%; height:145px; overflow:hidden; }
.other-list li .details .pic img{ width:100%; height:100%; cursor:pointer; }
.other-list li .details .remark{ display:block; margin:10px 15px; padding:0; color:#666; font-size:12px; line-height:20px; text-overflow:ellipsis; overflow:hidden; }
.remark a{color: #1F2126;font-size: 14px;width: 110px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.remark .detail-info{margin-top: 10px;}
.remark .detail-info .pull-left{color: #9CA1AE;}
.remark .detail-info .pull-right{color: #00A0E9;font-size: 12px;}
.remark .detail-info big{font-weight: 600;font-size: 16px;}

.index-see-more {display: block;text-align: right;font-size: 12px;color: #828282;margin: 0 0 10px}

.main-page .swiper-pagination-bullet{display: inline-block;width: 6px;height: 6px;opacity:1;border-radius: 10px;background: white;margin: 0 3px;cursor: pointer;transition: width 0.3s ease-in-out;}
.main-page .swiper-pagination-bullet-active{background: #00A0E9;width:18px;}

.tooltip-inner{
    font-size: 16px;
    padding: 7px 12px;
    background: #E3E4E5;
    color:#333 !important;
 }
.tooltip.top .tooltip-arrow{
    border-top-color: #E3E4E5 !important;
}
.tooltip.left .tooltip-arrow{
    border-left-color: #E3E4E5 !important;
}
 .tooltip{
    opacity: 1 !important;
 }

 .more-button-list{position: absolute;right: 0;top: 14px;}
 .more-button-inner{background: #38B3FF;color: #fff;display: inline-block;padding:0 20px; line-height: 34px;text-align: center;font-size: 13px;border-radius: 30px;}